<template>
	<div id="Protocol_rules">
		<!-- 协议规则 -->
		<toptitle :conter="'协议规则'"></toptitle>
		<itemUser :text="'用户协议'" :border="true" :to="''"></itemUser>
		<itemUser :text="'隐私政策'" :border="true" :to="''"></itemUser>
		<itemUser :text="'平台规划'" :border="true" :to="''"></itemUser>
		<itemUser :text="'退房规则'" :border="true" :to="''"></itemUser>
		<itemUser :text="'入驻协议'" :border="true" :to="''"></itemUser>
	</div>
</template>

<script>
	import itemUser from '@/components/itemUser.vue'
	import toptitle from '@/components/top_title.vue'
	export default {
		components: {
			itemUser,
			toptitle
		}
	}
</script>

<style lang="scss" scoped>
	$width:(100vw / 375);

	#Protocol_rules {
		width: 100vw;
		height: 100vh;
		background-color: #f5f5f5;
		padding-top: 44 * $width;
	}
</style>
